
<!DOCTYPE html>
<html>
	<head>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" >
		<script src="https://code.jquery.com/jquery-3.2.1.min.js" ></script>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link href="https://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="font-awesome-4.4.0/css/font-awesome.min.css">
	</head>
	<body>

		<h1 style="text-align: center; color: white;">Time Line Plugin By Ahmed HAMEED v1.2</h1>
		
		<div class="timeLine">
			<div class="row">
				<div class="lineHeader hidden-sm hidden-xs"></div>
				<div class="lineFooter hidden-sm hidden-xs"></div>
				
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 item" >
						<div class="caption">
							<div class="star center-block">
								<span class="h3">27</span>
								<span>Jan</span>
								<span>1990</span>
							</div>
							<div class="image">
								<img src="img/born.jpg">
								<div class="title">
									<h2>Started to Breath <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
								</div>
							</div>
							<div class="textContent">
								<p class="lead">Hi, this is my very short history, lets start from my berthday that was in 27 of January 1990. I thing my feet was bigger than this because now i just can buy shoes with size 45 LOL.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 item">
						<div class="caption">
							<div class="star center-block">
								<span class="h3">15</span>
								<span>Sep</span>
								<span>2007</span>
							</div>
							<div class="image">
								<img src="img/cat.jpg">
								<div class="title">
									<h2>School Study <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
								</div>
							</div>
							<div class="textContent">
								<p class="lead">I have studied for 12 years until i complete school then i was ready for joining university. i sufferd really but i dont know why!! may be i don't like studing in the past.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 item">
						<div class="caption">
							<div class="star center-block">
								<span class="h3">18</span>
								<span>Aug</span>
								<span>2011</span>
							</div>
							<div class="image">
								<img src="img/graduation.png">
								<div class="title">
									<h2>University <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
								</div>
							</div>
							<div class="textContent">
								<p class="lead">University was the level that i didn't feel it, it just 4 years passed through like a wink.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 item">
						<div class="caption">
							<div class="star center-block">
								<span class="h3">01</span>
								<span>May</span>
								<span>2012</span>
							</div>
							<div class="image">
								<img src="img/work.jpg">
								<div class="title">
									<h2>Work field <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
								</div>
							</div>
							<div class="textContent">
								<p class="lead">For 2 years of work as support engineer responsible about installing and maintenance SWIFT packages for banks. I gain a lot from it before i leave country.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 item">
						<div class="caption">
							<div class="star center-block">
								<span class="h3">14</span>
								<span>Apr</span>
								<span>2015</span>
							</div>
							<div class="image">
								<img src="img/welcome.jpg">
								<div class="title">
									<h2>Refugee <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
								</div>
							</div>
							<div class="textContent">
								<p class="lead">Since then i came to Austria as refugee far from my lovers and friends far a way escaping from wars and threats searching a new life that i didn't find until yet.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 item">
						<div class="caption">
							<div class="star center-block">
								<span class="h3">01</span>
								<span>Jun</span>
								<span>2016</span>
							</div>
							<div class="image">
								<img src="img/me.jpg">
								<div class="title">
									<h2>Hope <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
								</div>
							</div>
							<div class="textContent">
								<p class="lead">Dreams are always growing up by hope. This is the last thing that i can not get rid of it just because i believe in myself and my abilities.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 item">
						<div class="caption">
							<div class="star center-block">
								<span class="h3">01</span>
								<span>Jun</span>
								<span>2016</span>
							</div>
							<div class="image">
								<video src="bgvideo.mp4"></video>
								<div class="title">
									<h2>Hope <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
								</div>
							</div>
							<div class="textContent">
								<p class="lead">Dreams are always growing up by hope. This is the last thing that i can not get rid of it just because i believe in myself and my abilities.</p>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 item">
						<div class="caption">
							<div class="star center-block">
								<span class="h3">01</span>
								<span>Jun</span>
								<span>2016</span>
							</div>
							<div class="image">
								<video src="Lights.mp4"></video>
								<div class="title">
									<h2>Hope <i class="fa fa-arrow-circle-right" aria-hidden="true"></i></h2>
								</div>
							</div>
							<div class="textContent">
								<p class="lead">Dreams are always growing up by hope. This is the last thing that i can not get rid of it just because i believe in myself and my abilities.</p>
							</div>
						</div>
					</div>
					
			</div>
		</div>

		<!-- <div class="timeLine">
				<div class="container">
					<div class="lineHeader"></div>
					<div class="lineFooter"></div>
					<div class="item">
						<div class="caption">
						</div>
					</div>
					<div class="item pull-right">
						<div class="caption">
						</div>
					</div>
					<div class="item">
						<div class="caption">
						</div>
					</div>
					<div class="item pull-right">
						<div class="caption">
						</div>
					</div>
					<div class="item">
						<div class="caption">
						</div>
					</div>
					<div class="item pull-right">
						<div class="caption">
						</div>
					</div>
					<div class="item">
						<div class="caption">
						</div>
					</div>
					<div class="item pull-right">
						<div class="caption">
						</div>
					</div>
				</div>
		</div> -->
		

		<script src="../bootstrap337/js/bootstrap.min.js"></script>
		<script src="js/timeLine.js"></script>
		<script src="js/script.js"></script>
	</body>
</html>